<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>时间框示例</title>
	<link rel="stylesheet" type="text/css" href="../../dist/css/hisui.min.css">
    <script type="text/javascript" src="../../dist/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="../../dist/js/jquery.hisui.js"></script>
    <link rel="stylesheet" type="text/css" href="../demo.css">
	<script src="../jquery-tag-demo.js" type="text/javascript"></script>
	<style>td{padding:0px;}</style>
</head>
<body>
	<h2>时间框</h2>
	<h3>说明:</h3>
    <span>时间验证框（timespinner） 。</span>
	<h3>如：</h3>
	<div class="demo-exp-code entry-content"> 
		<div class="hisui-panel" title="登记" style="width:400px;padding:10px" 
			data-options="headerCls:'panel-header-gray',iconCls:'icon-paper',closable:true,collapsible:true,minimizable:true,maximizable:true">
		<table>
			<tr>
				<td class="r-label">时间</td>
				<td>
					<input class="hisui-timespinner" data-options="showSeconds:true" style="border-radius: 2px;">
				</td>
			</tr>
		</table>
    	</div><pre class="prettyprint hide lang-html"><code>
			&lt;div class="hisui-panel" title="登记" style="width:400px;padding:10px" 
			data-options="headerCls:'panel-header-gray',iconCls:'icon-paper',closable:true,collapsible:true,minimizable:true,maximizable:true">
		&lt;table>
			&lt;tr>
				&lt;td class="r-label">时间&lt;/td>
				&lt;td>
					&lt;input class="hisui-timespinner" data-options="showSeconds:true" style="border-radius: 2px;">
				&lt;/td>
			&lt;/tr>
		&lt;/table></code></pre>
	</div>
	<prettyprint/>	
</body>
</html>